﻿.borderStyle
{
    border: 2px solid #4086AA;
}
.roundedBorderStyle
{
    border-radius: 15px;
    border: 2px solid #4086AA;
}
.gridHeaderStyle
{
    border: 2px solid #4086AA;
    color: #E2B227;
    font-weight: bold;
}
.gridRowStyle
{
    border: 2px solid ;
    color: #4086AA;
}
.blockedUserStyle
{
    border: 2px solid #4086AA;
    color: #AA0114;
}
.unblockedUserStyle
{
    border: 2px solid #4086AA;
    color: #66CD00;
}
.borderWithbackground
{
    border: 2px solid #4086AA;
    background-color: #4086AA;
}
.leftSideIcon
{
	padding-right: 20px;
}
.centerIcon
{
	vertical-align: middle;
}
body 
{
    background-image: url('../images/background.jpg');
}
a, a:hover, a:active, a:visited { color: white; }
#containerDiv
{
	width: 100%;
	font-family: Calibri;
}
#headerDiv
{
	width: 100%;
	float: left;
	padding: 0 5px;
}
#guestTitleDiv
{
	float: left;
    width: 411px;
}
#guestTitleDiv h1
{
    font: inherit;
    margin: 0;
    padding: 0;
    font-size: 300%;
    color: #800000;
    font-style: normal;
    font-family: "Courier New", Courier, monospace;
}
#memberTitleDiv
{
	float: left;
}
#memberTitleDiv h1
{
	margin: 0;
	padding: 0;
	font-size: 150%;
    color: #800000;
    font-style: normal;
    font-family: "Courier New", Courier, monospace;
}
.loginControlDiv
{
	float: right;
	margin: 5px;
	text-align: right;
}
.loginControlDiv td
{
	font-size: small;
	margin-left: 0;
	margin-right: 25px;
}
.loginTextBox
{
	width: 100px;
	margin-right: 25px;
}
.loginButton
{
	font-family: Calibri;
	font-weight: bold;
	font-size: small;
}
#sessionControlDiv
{
	float: right;
	margin: 5px;
	text-align: right;
}
#sessionControlDiv td
{
	font-size: small;
	margin-right: 15px;
}
.navigatorSearchClass
{
	float: left;
	width: 100%;
	padding: 5px 0px 5px 0px;
}
.navigator
{
	margin-top: -15px;
	margin-bottom: 5px;
}
.navigator ul
{
	list-style: none;
	padding: 0px;
	margin: 15px 5px 15px 5px;
}
.navigator a
{
	text-decoration: none;
	font-size: large;
}
.main-menu > li
{
	float: left;
	margin-right: 20px;
	position: relative;
}
.sub-menu
{
	display: none;
	top: 30%;
	left: 0;
	position: absolute;
}
.main-menu li:hover ul
{
	display: block;
}
#contentDiv
{
	float: left;
	width: 100%;
	margin: 10px 0;
}
#leftSideBarDiv
{
	clear: left;
	float: left;
	width: 12.5%;
}
#mainContentDiv
{
    float: right;
    width: 85%;
    margin: 5px;
    color: White;
}
#rightSideBarDiv
{
}
#errorDiv
{
	width: auto;
	margin: 5px;
	color: Red;
}
#footerDiv
{
	clear: left;
	padding: 10px;
	text-align: center;
}
#footerDiv ul
{
	margin: 0;
	padding: 0;
}
#footerDiv ul li
{
	list-style-type: none;
	display: inline;
}

#tableId
{
	text-align: center;
}
.actionPanel
{
	border-radius: 15px;
	margin-bottom: 10px;
	padding: 2px 0px 2px 0px;
}
.actionPanel table
{
	border: 0px;
	cellspacing: 0px;
	cellpadding: 0px;
	width: 100%;
}
.blockedUserRow
{
	background-color: Red;
}
.unblockedUserRow
{
	background-color: Green;
}
.categoryRowStyle
{
	width: 100%;
	margin: 10px;
}
.categoryHeaderStyle
{
	border-radius: 15px;
	height: 30px;
}
.categoryDetailStyle
{
	display: none;
	height: auto;
}
.expanderImageClass
{
	text-align: center;
	width: 24px;
	height: 24px;
	margin: 3px 20px 3px 3px;
}
.categoryHeaderNameClass
{
	font-weight: bold;
	vertical-align: super;
}
.singleMyPostClass
{
	width: 100%;
}
.myPostHeaderStyle
{
	border-radius: 15px;
	height: 30px;
	font-family: Calibri;
	font-weight: bold;
}
.rightAlign
{
	text-align: right;
}
.singleMyPostClass table
{
	width: 100%;
	margin-top: 10px;
	border: 0PX;
	border-spacing: 0px;
}
.singleMyPostClass tr
{
	width: 100%;
	height: auto;
}
.myPostRowStyle
{
	width: 100%;
	height: auto;
}
.replyRowStyle
{
	display: none;
	float: left;
}
.dynamicDiv
{
	display: none;
	position: fixed;
	width:400px;
	height: 150px; 
}
.centerDiv
{
	display: none;
	position: fixed;
	width:350px;
	height: 500px;
	top:30%;
	left:50%;
	margin: -100px 0 0 -100px;
}
